<template>
	<view>
		<view class="example-body" style="background-color: #2896fe">
			<uni-row class="demo-uni-row " :width="nvueWidth">
				<!-- <uni-col :span="9">
					<view class="demo-uni-col-key  title info">
						入库单据:
					</view>
				</uni-col> -->
				<uni-col :span="18">
					<view class="demo-uni-col-key light title">
						{{inpagenoYw}}
					</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row " :width="nvueWidth">
				<uni-col :span="8">
					<view class="demo-uni-col-key  title info">
						时间:
					</view>
				</uni-col>
				<uni-col :span="16">
					<view class="demo-uni-col-value title info">
						{{indate}}
					</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row " :width="nvueWidth">
				<uni-col :span="8">
					<view class="demo-uni-col-key title info">
						入库类型:
					</view>
				</uni-col>
				<uni-col :span="16">
					<view class="demo-uni-col-value title info">
						{{intype}}
					</view>
				</uni-col>
			</uni-row>
		</view>
		<!-- <uni-card class="import-msg">
			<uni-row>
				<uni-col :span="8">
					<view class="demo-uni-col-key dark">
						总数量
					</view>
				</uni-col>
				<uni-col :span="8">
					<view class="demo-uni-col-key dark">
						规格
					</view>
				</uni-col>
				<uni-col :span="8">
					<view class="demo-uni-col-key dark">
						已收
					</view>
				</uni-col>
		
				<uni-col :span="8">
					<view class="demo-uni-col-key total big ">
						200000
					</view>
				</uni-col>
				<uni-col :span="8">
					<view class="demo-uni-col-key total big ">
						40Z
					</view>
				</uni-col>
				<uni-col :span="8">
					<view class="demo-uni-col-key total big ">
						2606
					</view>
				</uni-col>
		
			</uni-row>
			<uni-row class="demo-uni-row-zhan "    :width="nvueWidth">
			</uni-row>
			<uni-row class="demo-uni-row my-stop"    :width="nvueWidth">
			</uni-row>
			<uni-row class="demo-uni-row-zhan2 "    :width="nvueWidth">
			</uni-row>
			
			<uni-row>
				<uni-col :span="3.5">
					<view class="demo-uni-col-key dark">
						库位:
					</view>
				</uni-col>
				<uni-col :span="5">
					<view class="demo-uni-col-value light">
						12-2-1-1
					</view>
				</uni-col>
				<uni-col :span="3">
					<view class="demo-uni-col-key dark">
						规格:
					</view>
				</uni-col>
				<uni-col :span="5">
					<view class="demo-uni-col-value light">
						150kg
					</view>
				</uni-col>
				<uni-col :span="5">
					<view class="demo-uni-col-key dark">
						物料大类:
					</view>
				</uni-col>
				<uni-col :span="3">
					<view class="demo-uni-col-value light">
						普货
					</view>
				</uni-col>
			</uni-row>
			</uni-card> -->
	</view>


</template>

<script>
	export default {
		name: 'InHead',
		// props: {
		// 	title: {
		// 		type: String,
		// 		required: true
		// 	}
		// },
		props: {
			hzData:{
				INPAGENO: "",
				INPAGENOYW: "",
				STORAGEID: "",
				INTYPE: "",
				INDATE: ""
			}
			
		},
		data() {
			return {
				src: '',
				show: false,
				nvueWidth: 730,
				inpageno:'CGD20230404000000000',
				inpagenoYw:'JL000000000000',
				storageId:'',
				intype:'正常入库',
				indate:'2022-12-23 01:00:00',
			};
		},
		onLoad() {
			
		},
		created() {
			this.init()
		},
		// computed: {
		// 	avatarUrl() {
		// 		var url = this.vuex_config.baseUrl + this.vuex_user.avatar || '/static/aidex/tabbar/my_2.png';
		// 		url = this.replaceAll(url, '\\', '/');
		// 		return url + '?t=' + new Date().getTime();
		// 	}
		// },
		methods: {
			init(){
				this.inpageno=this.hzData.INPAGENO
				this.inpagenoYw=this.hzData.INPAGENOYW
				this.storageId=this.hzData.STORAGEID
				this.intype=this.hzData.INTYPE
				this.indate=this.hzData.INDATE
			},
			showPersonalInfo() {
				this.show = true
			},
			navTo(url) {
				uni.navigateTo({
					url: url
				});
			}
		}
	};
</script>
<style lang="scss" scoped>
	@import 'storage.scss';

	page {
		background-color: #f5f5f5;
	}

	.wrap .search {
		background: #ffffff;
	}

	.apply-text {
		font-size: 28rpx;
		color: #333333;

		span {
			color: #999999;
		}
	}

	.user-images {
		width: 28px;
		height: 28px;
		margin-right: 8px;
	}

	.apply-list-foot {
		font-size: 28rpx;
	}

	.personnel-list {
		display: flex;
		align-items: center;
		flex-wrap: wrap;

		.personnel-user {
			position: relative;
			margin: 5px 9px 0;
		}

		.user-images {
			width: 48px;
			height: 48px;
			margin-right: 0;

		}

		.iconfont {
			position: absolute;
			top: -12px;
			right: -5px;
			color: #FE0100;
		}
	}

	.more-button {
		margin-top: 35rpx;
		// margin-bottom:15rpx;
	}
</style>